<!DOCTYPE html>
<html ng-app="app" ng-controller="indexCtrl">

	<head lang="en">
		<meta charset="UTF-8">
		<meta http-equiv="Expires" content="0">
		<meta http-equiv="Pragma" content="no-cache">
		<meta http-equiv="Cache-control" content="no-cache">
		<meta http-equiv="Cache" content="no-cache">
		<title ng-bind="oem.title"></title>
		<link rel="icon" type="image/x-icon" id="favicon">
		<link rel="stylesheet" href="lib/bootstrap/css/bootstrap.min.css" />
		<link rel="stylesheet" href="css/bootstrap-datetimepicker.min.css" />
		<link rel="stylesheet" href="css/base.css" />
		<link rel="stylesheet" href="modules/agent/agbUser/agbUser.css" />
		<link rel="stylesheet" href="../../oem/css/common.css" />
		<style>
			.ng-hide {
				display: none;
			}
			
			.modal {
				background: rgba(0, 0, 0, 0.5);
			}
		</style>
	</head>

	<body>
		<div class="nav_top">
			<div class="logo fl" id="logo"></div>
			<ul class="nav_list fl">

				<li ng-if="permission.view['首页']" class="ng-scope">
					<a ui-sref="agentBg.index" ui-sref-active="active" class="active" href="./agentIndex.html">首页</a>
				</li>

				<li ng-if="permission.view['投放管理']" class="ng-scope">

					<a class="toFirstSub" href="./customer.html">投放管理</a>
					<ul class="nav_dropdown" style="width: 1903px;">
						<li>
							<a href="./customer.html" ui-sref-active="active" ui-sref="agentBg.delivery.customer" class="">广告主列表</a>
						</li>

					</ul>
				</li>

				<li ng-if="permission.view['报表中心']" class="ng-scope">
					<a class="toFirstSub" href="./bidding.html" ng-class="{'active':$state.includes('agentBg.report.*')}">报表中心</a>
					<ul class="nav_dropdown" style="width: 1903px;">

						<li ng-if="permission.view['报表中心'].sub['竞价交易概况']" class="ng-scope">
							<a href="./bidding.html" ui-sref-active="active" ui-sref="agentBg.report.bidding" class="">竞价交易概况</a>
						</li>

						<li ng-if="permission.view['报表中心'].sub['合约交易概况']" class="ng-scope">
							<a href="./deal.html" ui-sref-active="active" ui-sref="agentBg.report.deal" class="">合约交易概况</a>
						</li>

						<li ng-if="permission.view['报表中心'].sub['合约资源报表']" class="ng-scope">
							<a href="./resources.html" ui-sref-active="active" ui-sref="agentBg.report.resources" class="">合约资源报表</a>
						</li>

					</ul>
				</li>

				<li class="ng-scope">
					<a href="./account.html" class="toFirstSub" ng-class="{'active':$state.includes('agentBg.manage.*')}">系统管理</a>
					<ul class="nav_dropdown" style="padding-left: 235px; width: 1903px;">
						<li class="ng-scope">
							<a href="./account.html">账户管理</a>
						</li>
						<li class="ng-scope">
							<a href="./user.html">员工用户管理</a>
						</li>
						<li class="ng-scope">
							<a href="./adv.html">广告主管理</a>
						</li>
						<li class="ng-scope">
							<a href="./role.html">角色管理</a>
						</li>
					</ul>
				</li>
				<li class="ng-scope">
					<a href="./record.html" class="toFirstSub">财务管理</a>
					<ul class="nav_dropdown" style="padding-left: 309px; width: 1903px;">
						<li>
							<a href="./record.html" class="">财务记录</a>
						</li>
						<li class="ng-scope">
							<a href="./info.html" class="">财务信息</a>
						</li>
						<li>
							<a  class="href_url" data="profit.html">利润提取</a>
						</li>
					</ul>
				</li>
				<li class="ng-scope">
					<a href="./heYueZiYuanGuanLi.html" class="toFirstSub">合约交易管理</a>
					<ul class="nav_dropdown" style="padding-left: 310px; width: 1903px;">
						<li class="ng-scope">
							<a href="./heYueZiYuanGuanLi.html" class="">商品列表</a>
						</li>
						<li class="ng-scope">
							<a href="./buy.html" class="">已购列表</a>
						</li>
					</ul>
				</li>
			</ul>
			<div class="user">
				<div class="user-avatar"></div>
				<div class="user-info">
					<p class="ng-binding"></p>
					<p class="ng-binding"></p>
				</div>
				<ul class="user-list">

					<li class="ng-binding ng-scope">余额：</li>

					<li>退出登录</li>
				</ul>
			</div>
		</div>
					<div class="user-page page ng-scope">
						<!--页面标题-->
						<h3 class="page-title">员工用户管理</h3>
						<div class="filter-box clearfix">
							<button class="dsp-btn btn-green fr ng-scope showUserModal" onclick="UserModal(1)">添加新用户</button>
							<div class="search ng-isolate-scope" value="filter.name" callback="search" placeholder="用户名"> <input class="form-control search-input ng-pristine ng-untouched ng-valid ng-empty" type="text" ng-model="value" placeholder="用户名" ng-keyup="keyupFunc($event)"> <i class="search-icon" ng-click="clickFunc()"></i> </div>
						</div>
						<!--表格-->
						<div class="table-box">
							<div class="table-title">
								<h3 class="table-title-font">用户列表</h3>
							</div>
							<table>
								<thead>
									<tr>
										<th class="ng-scope">状态</th>
										<th>登录名</th>
										<th>用户名</th>
										<th>操作</th>
									</tr>
								</thead>
								<tbody>
								</tbody>
							</table>
							<div id="pageToolbar" class="page">
								<div id="Paging_042651042917485826" class="ui-paging-container">
									<ul>
										<li class="js-page-first js-page-action ui-pager ui-pager-disabled">首页</li>
										<li class="js-page-prev js-page-action ui-pager ui-pager-disabled">上一页</li>
										<li class="ui-paging-toolbar"><span>跳转到</span><input type="text" class="ui-paging-count"> 页
											<select class="ui-select-pagesize">
												<option value="20">每页展示20条/页</option>
												<option value="50">每页展示50条/页</option>
												<option value="100">每页展示100条/页</option>
											</select><span> </span></li>
										<li class="js-page-last js-page-action ui-pager">末页</li>
										<li class="js-page-next js-page-action ui-pager">下一页</li>
									</ul>
								</div>
							</div>
						</div>
						<div class="modal" id="userModal">
							<div class="modal-dialog">
								<div class="modal-content">
									<div class="modal-header">
										<button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">×</span></button>
										<h4 class="modal-title ng-binding"></h4>
									</div>
									<div class="modal-body">
										<div class="form-group" class="loginName">
											<label><span class="star">*</span>登录名：</label>
											<input type="text" class="form-control ng-pristine ng-untouched ng-valid ng-empty" id="loginName">
										</div>
										<div class="form-group">
											<label><span class="star">*</span>密码：</label>
											<input type="password" class="form-control ng-pristine ng-untouched ng-valid ng-empty" id="password">
										</div>
										<div class="form-group" class="username">
											<label><span class="star">*</span>用户名：</label>
											<input type="text" class="form-control ng-pristine ng-untouched ng-valid ng-empty" id="name">
										</div>
										<div class="form-group">
											<label><span class="star">*</span>手机号：</label>
											<input type="text" class="form-control ng-pristine ng-untouched ng-valid ng-empty" id="telephone">
										</div>
										<div class="form-group">
											<label>邮箱：</label>
											<input type="text" class="form-control ng-pristine ng-untouched ng-valid ng-empty" id="email">
										</div>
										<div class="form-group">
											<label><span class="star">*</span>角色：</label>
											<div class="dropdown dropdown-filter ng-isolate-scope" list="roleList" callback="selectRole">
												<button class="btn btn-default dropdown-toggle cl" data-toggle="dropdown">        
													<span style="width: 55%; display: inline-block;" class="ng-binding" id="role" data-value="" >
													</span>                       
												</button>
												<span class="caret"></span>
												<ul class="dropdown-menu">
													<li class="cl ng-scope">
														<a title="代理商管理员" href="javascript:void(0)" onclick="clickFunc(this)" data-roleid="101" class="ng-binding">代理商管理员</a>
													</li>
												</ul>
											</div>
										</div>
									</div>
									<div class="modal-footer">
										<button class="dsp-btn btn-blue addUser" onclick="">确定</button>
										<button class="dsp-btn btn-blue updateUser ng-hide">确定</button>
										<button class="dsp-btn btn-white2">取消</button>
									</div>
								</div>
							</div>
						</div>
					</div>
	</body>
</html>
<script src="../res1.hubcloud.com.cn/lib/jquery/jquery.min.js"></script>
<script src="../../public/js/layui.all.js"></script>
<script src="js/agentIndex.js"></script>
<script src="js/user.js"></script>
<script>
	$(function() {
		$('.user').on('click', function() {
			$(this).toggleClass('hover');
		})

		$('.user').mouseleave(function() {
			$(this).removeClass('hover');
		});

		$('.dropdown').on('click', function() {

			if($(this).hasClass("open")) {
				$(this).removeClass('open');
			} else {
				$('.dropdown').removeClass('open');
				$(this).addClass('open');
			}
		})
	})
</script>
<script src="../../oem/js/oem.js"></script>